export default {
    name: 'StateIcon',
    props: {
        // 状态
        state: {
            type: String,
            default: ''
        }, //图标
        icon: {
            type: String,
            default: ''
        }
    },
    methods: {
        // click事件
        onClick() {
            this.$emit('change');
        }
    },
    render() {
        // 处理图标，如果icon为空则表示state与icon一样
        const strIcon = this.icon !== '' ? this.icon : this.state;
        return (
            <el-tooltip content={this.$t('common.' + this.state)} placement="bottom">
                <span onClick={this.onClick}>
                    <svg-icon icon-class={strIcon} class-name={`${strIcon}-svg`} />
                </span>
            </el-tooltip>
        );
    }
};
